.main .register {
  position: absolute;
  display: none;
  width: 360px;
  height: 700px;
  background-color: #fff;
  border-radius: 6px;
  top: calc(50% - 350px);
  left: calc(50% - 180px);
  padding: 20px;
  z-index: 1;
}
.main .register h1 {
  font-size: 28px;
  font-weight: 400;
  text-align: center;
  color: #707070;
  margin-bottom: 15px;
}
/* 对象选择 */
.main .register .reselect {
  position: relative;
  width: 100%;
  height: 30px;
  text-align: center;
  line-height: 30px;
}
.main .register .reselect select {
  width: 50%;
  height: 30px;
  font-size: 20px;
  cursor: pointer;
  outline: none;
  color: #707070;
  border-radius: 5px;
  border: 1px solid #dcdfe6;
}
.main .register .reselect select:focus {
  border: 1px solid #1890ff;
}
/* 姓名 */
.main .register .Name {
  position: relative;
  width: 100%;
  top: 25px;
}
.main .register .Name input {
  width: 100%;
  height: 36px;
  outline: none;
  border-radius: 5px;
  padding: 0 30px;
  border: 1px solid #dcdfe6;
}

.main .register .Name i {
  position: absolute;
  left: 10px;
  top: 8px;
  color: #8a8a8a;
  font-size: 18px;
}

/* 性别 */
.main .register .Sex {
  position: relative;
  width: 100%;
  height: 36px;
  top: 50px;
  line-height: 36px;
  color: #707070;
}
.main .register .Sex span {
  position: absolute;
  font-size: 18px;
  left: 25px;
}
.main .register .Sex .man {
  position: absolute;
  height: 36px;
  display: block;
  top: 0;
  left: 100px;
}
.main .register .Sex .woman {
  position: absolute;
  height: 36px;
  width: auto;
  right: 100px;
  top: 0;
  display: block;
}
.main .register .Sex label {
  font-size: 18px;
  cursor: pointer;
}
.main .register .Sex .man label {
  color: #1890ff;
}
.main .register .Sex input {
  position: absolute;
  top: 11px;
  left: 22px;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
/* 年龄 */
.main .register .Age {
  position: relative;
  width: 100%;
  top: 50px;
}
.main .register .Age input {
  width: 100%;
  height: 36px;
  outline: none;
  border-radius: 5px;
  padding: 0 30px;
  border: 1px solid #dcdfe6;
}

.main .register .Age i {
  position: absolute;
  left: 10px;
  top: 8px;
  color: #8a8a8a;
  font-size: 16px;
}
/* 学号 */
.main .register .idcode {
  position: relative;
  width: 100%;
  top: 75px;
}
.main .register .idcode input {
  width: 100%;
  height: 36px;
  outline: none;
  border-radius: 5px;
  padding: 0 30px;
  border: 1px solid #dcdfe6;
}

.main .register .idcode i {
  position: absolute;
  left: 8px;
  top: 9px;
  color: #8a8a8a;
  font-size: 16px;
}
/* 用户名 */
.main .register .newusr {
  position: relative;
  width: 100%;
  top: 100px;
}
.main .register .newusr input {
  width: 100%;
  height: 36px;
  outline: none;
  border-radius: 5px;
  padding: 0 30px;
  border: 1px solid #dcdfe6;
}

.main .register .newusr i {
  position: absolute;
  left: 10px;
  top: 8px;
  color: #8a8a8a;
  font-size: 18px;
}
/* 密码 */
.main .register .newpwd {
  position: relative;
  width: 100%;
  top: 125px;
}
.main .register .newpwd input {
  width: 100%;
  height: 36px;
  outline: none;
  border-radius: 5px;
  padding: 0 30px;
  border: 1px solid #dcdfe6;
}

.main .register .newpwd i {
  position: absolute;
  left: 10px;
  top: 8px;
  color: #8a8a8a;
  font-size: 18px;
}

/* 重复密码 */
.main .register .repwd {
  position: relative;
  width: 100%;
  top: 150px;
}
.main .register .repwd input {
  width: 100%;
  height: 36px;
  outline: none;
  border-radius: 5px;
  padding: 0 30px;
  border: 1px solid #dcdfe6;
}

.main .register .repwd i {
  position: absolute;
  left: 10px;
  top: 8px;
  color: #8a8a8a;
  font-size: 18px;
}

/* 邮箱 */
.main .register .email {
  position: relative;
  width: 100%;
  top: 175px;
}
.main .register .email input {
  width: 100%;
  height: 36px;
  outline: none;
  border-radius: 5px;
  padding: 0 30px;
  border: 1px solid #dcdfe6;
}

.main .register .email i {
  position: absolute;
  left: 10px;
  top: 8px;
  color: #8a8a8a;
  font-size: 18px;
}

/* 验证码 */
.main .register .recode {
  position: relative;
  width: 60%;
  top: 200px;
}

.main .register .recode input {
  height: 36px;
  padding: 0 30px;
  width: 100%;
  border: 1px solid #dcdfe6;
  border-radius: 5px;
  outline: none;
}

.main .register .recode i {
  position: absolute;
  left: 10px;
  top: 10px;
  color: #8a8a8a;
  font-size: 18px;
}

.main .register .recode .login-code {
  position: absolute;
  top: 0;
  right: -125px;
  cursor: pointer;
}

/* 按钮 */
.main .register .resubmit {
  position: relative;
  width: 100%;
  height: 36px;
  top: 225px;
}
.main .register .resubmit input {
  position: relative;
  width: 20%;
  height: 36px;
  float: left;
  margin: 0 20px;
  border-radius: 5px;
  outline: none;
  border: none;
  background-color: #1890ff;
  color: #fff;
  cursor: pointer;
}
.main .register .resubmit input:hover {
  background-color: #46a6ff;
}

.main .register .resubmit input:active {
  background-color: #1890ff;
}
/* 错误提示 */
.main .register .reerror {
  position: absolute;
  left: 10px;
  height: 15px;
  font-size: 10px;
  color: #ff4949;
}
